<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery获取属性</title>
</head>
<body>
    <input type="button" value="获取属性" id="btn1">
    <input type="button" value="设置属性" id="btn2">
    <input type="button" value="移出属性" id="btn3"><br><br>
    <div style="background-color: red; width: 200px;height: 200px" title="周五晚睡" aaa="aaa"></div>
</body>
<script src="jquery-3.3.1.min.js"></script>
<script>
    $(function () {
        // jquery操作属性 attr() removeAttr()
        $('#btn2').click(function () {
            $('div').attr('title','周日早睡');
            $('div').attr('aaa','bbb');
            $('div').attr('bbb','bbb2'); // 没有的属性可以新增
            // 设置多属性 使用json键值对
            $('div').attr({
                ccc:'ccc',
                ddd:'ddd'
            });
        });
        // 获取属性
        $('#btn1').click(function () {
            // 如果没有这个属性 获取到的就是undefined
            console.log($('div').attr('style'));
        });
        // 移除属性
        $('#btn3').click(function () {
            $('div').removeAttr('style');
        })
    })
</script>
</html>